<!DOCTYPE html>
<html lang="en">

<head>
    <script>
        try {
            if (isindex) {
            }
        } catch (e) {
            window.location.href = "/index.html";
        }
    </script>

    <link rel="stylesheet" href="/css/dataCollect/index.css">
</head>

<body>
    <div class="website-page">
        <div class="page-title align-items-center">
            <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item">数据采集管理</li>
                </ol>
            </nav>
        </div>
        <div class="main-content">
            <div class="filter-params">
                <div class="input-group input-group-lg medium-input mb-4">
                    <input type="text" class="form-control search-website" placeholder="请输入关键词进行检索">
                    <button class="btn btn-primary" type="button" onclick="searchKeyword()">搜索</button>
                </div>
                <div class="options-select">
                    <div class="select-key" style="margin-top: 3px;">网站类型：</div>
                    <div class="options-list website-type">
                        <span vlaue="" class="active">全部</span>
                    </div>
                </div>
                <div class="select-group mb-4">
                    <div class="select-item">
                        <div class="select-key">排序方式：</div>
                        <select class="form-select sort-type" onchange="pickSort()">
                            <option selected hidden>请选择排序方式</option>
                            <option class="option" value="0">创建时间从小到大</option>
                            <option class="option" value="1">创建时间从大到小</option>
                        </select>
                    </div>
                    <div class="select-item">
                        <div class="select-key">预警筛选：</div>
                        <select class="form-select alert-site" onchange="pickSite()">
                            <option selected hidden>请选择预警站点</option>
                            <option class="option" value="">全部</option>
                            <option class="option" value="0">正常站点</option>
                            <option class="option" value="1">预警站点</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="table-list">
                <div class="table-top">
                    <div class="table-title">采集网站列表</div>
                    <div class="table-btn-group">
                        <button type="button" class="btn btn-primary" onclick="fieldManage()">字段注释管理</button>
                        <button type="button" class="btn btn-primary" onclick="websiteTypeManage()">网站类型管理</button>
                        <button type="button" class="btn btn-primary" onclick="dataTypeManage()">数据类型管理</button>
                        <button type="button" class="btn btn-primary" onclick="addSource()">添加信源</button>
                    </div>
                </div>
                <div class="table_mark">
                    <table class="table table-hover mt-3">
                        <thead>
                            <tr>
                                <th scope="col">网站名称</th>
                                <th scope="col">网站链接</th>
                                <th scope="col">网站类型</th>
                                <th scope="col">创建人</th>
                                <th scope="col">创建时间</th>
                                <th scope="col" class="center">操作</th>
                            </tr>
                        </thead>
                        <tbody class="table-website">

                        </tbody>
                    </table>
                    <div class="table_empty" style="display: none;">暂无数据</div>
                    <!-- 加载状态 遮罩层 -->
                    <div class="modal fade marklayer">
                        <div class="load_item">
                            <div class="spinner-border" role="status">
                                <span class="visually-hidden"></span>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="pagination"></div>
            </div>
        </div>
        <div class="rnav-menu">
            <div class="control-button">
                <button class="btn" type="button" data-bs-toggle="collapse" data-bs-target="#collapseWidthExample"
                    aria-expanded="false" aria-controls="collapseWidthExample" onclick="controlPopover()">
                    收起
                </button>
            </div>
            <div class="collapse collapse-horizontal show" id="collapseWidthExample">
                <a class="item should-popover">
                    <span class="circle-box"><i class="iconfont icon-weixin"></i></span>
                    <div class="rnav-name">联系我们</div>
                    <div class="popover-img"><img src="/images/wxcode.jpg" alt=""></div>
                </a>
                <a class="item" onclick="submitFeedback()">
                    <span class="circle-box"><i class="iconfont icon-fankui"></i></span>
                    <div class="rnav-name">反馈建议</div>
                </a>
                <a class="item" href="https://docs.qq.com/doc/DVE9TWm1JR2hlRERF" target="_blank">
                    <span class="circle-box"><i class="iconfont icon-anzhuangshouce"></i></span>
                    <div class="rnav-name">用户手册</div>
                </a>
            </div>
        </div>
        <div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="feedbackModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" style="width: 40%;max-width: auto">
                <div class="modal-content">
                    <div class="modal-header" style="padding: 20px 20px 10px;">
                        <div class="modal-title" id="feedbackModalLabel" style="
                          line-height: 24px;
                          font-size: 18px;
                          color: #303133;
                        ">
                            反馈建议
                        </div>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="feedback">
                            <p>1.系统中没有找到您需要的数据？</p>
                            <p>2.您在使用产品上遇到的哪些问题？</p>
                            <p>3.在产品上还有哪些未满足您的需求？</p>
                            <p>可以在 issues list 中发布您的提问 (<a href="https://gitee.com/stonedtx/open-spider/issues"
                                    style="color: blue;text-decoration: underline"
                                    target="_blank">https://gitee.com/stonedtx/open-spider</a>)
                            </p>
                            <p>或者</p>
                            <p>填写 思通舆情·用户反馈表 提交您的提问 (<a href="https://docs.qq.com/form/page/DQWFFWUtIQWhXQkZB"
                                    style="color: blue;text-decoration: underline"
                                    target="_blank">https://docs.qq.com</a>)</p>
                            <p>还可以</p>
                            <p>直接拨打电话( 13913853100 )或者添加产品经理微信( javabloger )， 直接与我们联系。</p>
                            <div class="weixin-code">
                                <h5 class="scan-code-tip">添加产品经理微信，加入微信群</h5>
                                <img src="/images/wxcode.jpg" alt="">
                            </div>
                        </div>

                    </div>
                    <div class="modal-footer" style="border: none">

                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header" style="padding: 20px 20px 10px; border: none">
                        <div class="modal-title" id="stopTaskModalLabel" style="
                    line-height: 24px;
                    font-size: 18px;
                    color: #303133;
                  ">
                            提示
                        </div>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form onsubmit="return false;">
                            <div class="form-group">
                                <div class="col-form-label" style="color: #606266; font-size: 14px">
                                    确定要删除吗？
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer" style="border: none">
                        <button type="button" class="btn btn-primary" onclick="submitDelete()">确定</button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade " id="editWebsiteModal" tabindex="-1" aria-labelledby="editWebsiteModalLabel"
            aria-hidden="true">
            <div class="modal-dialog  modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h1 class="modal-title fs-5" id="exampleModalLabel">网站信息编辑</h1>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <form class="row needs-validation edit-website-form" novalidate onsubmit="return false;"
                        style="--bs-gutter-x:0">
                        <div class="modal-body">
                            <div class="form-group" style="margin-bottom: 0;padding: 15px 0;">
                                <label for="validationCustom01">网址名称：</label>
                                <input type="text" class="form-control website-name" id="validationCustom01" value=""
                                    placeholder="请输入网址名称(必填)" required>
                                <div class="invalid-feedback">
                                    网址名称不能为空
                                </div>
                            </div>
                            <div class="form-group" style="margin-bottom: 0;padding: 15px 0;">
                                <label for="validationCustom02" class="form-label">网站链接：</label>
                                <input type="text" class="form-control website-url" id="validationCustom02" value=""
                                    placeholder="请输入网站链接(必填)" required>
                                <div class="invalid-feedback">
                                    网站链接不能为空
                                </div>
                            </div>
                            <div class="form-group" style="margin-bottom: 0;padding: 15px 0;">
                                <label for="validationCustom03" class="form-label">网站类型：</label>
                                <select class="form-select website-type" id="validationCustom03" required>
                                    <option selected hidden value="">请选择网站类型(必选)</option>
                                </select>
                                <div class="invalid-feedback">
                                    请选择网站类型
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-primary">确定</button>
                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <script src="/js/intercept.js"></script>
    <script src="/js/dataCollect/index.js"></script>
</body>

</html>